{% load my_tags %}
{% load static %}

<footer class="fixed-bottom">
    {% if messages %}
        <div class="container mt-3" style="width: 62%">
        {% for message in messages %}
            {% if message.tags == 'error' %}
                <div class="alert alert-danger alert-dismissible fade show">
            {% else %}
                <div class="alert alert-{{ message.tags }} alert-dismissible fade show">
            {% endif %}
        {% with message|mySplit:"@" as msg %}
            <strong>{{ msg.0 }}:</strong>{{ msg.1 }}
        {% endwith %}
        <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
        </div>
        {% endfor %}
    </div>
    {% endif %}
</footer>